/**
 * 业务样式
 * @author luguoxiang
 * 开源项目：https://gitee.com/lgx1992/lg-soar 求star！请给我star！请帮我点个star！
 */
:root {
	// 主题色
	--b-color: $uni-color-primary;
	// 成功色（绿色）
	--b-color-success: $uni-color-success;
	// 警告色（黄色）
	--b-color-warning: $uni-color-warning;
	// 失败色（红色）
	--b-color-error: $uni-color-error;

	// 文字颜色（主要）
	--b-text-color: $uni-text-color;
	// 文字颜色（次要）
	--b-text-color-s: $uni-text-color-grey;

	// 背景色（主要）
	--b-bg-color: $uni-bg-color;
	// 背景色（次要）
	--b-bg-color-s: $uni-bg-color-grey;

	// 字体大小（主要）
	--b-font-size: $uni-font-size-base;
	// 字体大小（次要）
	--b-font-size-s: $uni-font-size-sm;

	// 边框（主要）
	--b-border: 1rpx solid rgba(0,0,0,0.07);
	// 边框（次要）
	--b-border-s: 1rpx solid rgba(0,0,0,0.07);

	// 圆角（主要）
	--b-border-radius: 30rpx;
	// 圆角（次要）
	--b-border-radius-s: 20rpx;

	// 阴影（主要）
	--b-box-shadow: 0 0 12rpx 0 rgba(0,0,0,0.1);
	// 阴影（次要）
	--b-box-shadow-s: 0 0 12rpx 0 rgba(0,0,0,0.1);

	// 行高（主要）
	--b-line-height: 40rpx;
	// 行高（次要）
	--b-line-height-s: 32rpx;

	// 垂直间距
	--b-space-vertical: 24rpx;
	// 水平间距
	--b-space-horizontal: 32rpx;
	// 最小高度
	--b-min-height: 64rpx;
	// 导航栏高度
	--b-nav-bar-height: 88rpx;

	// 通用样式
	box-sizing: border-box;
	font-family: Helvetica Neue,Helvetica,Arial,PingFangSC,Hiragino Sans GB,Microsoft YaHei,WenQuanYiMicro Hei,sans-serif;
}

.b-title {
	color: var(--b-text-color);
	font-size: 34rpx;
	font-weight: 500;
}

/** 左右结构，左右对齐 */
.b-info-a,
.b-info-a-r {
	display: flex;
	.b-info-label {
		width: var(--label-w);
		min-width: 5em;
		padding-right: 1em;
	}
	.b-info-value {
		flex: 1;
		text-align: right;
	}
}

/** 上下结构，左对齐 */
.b-info-b,
.b-info-b-r {
	.b-info-label {

	}
	.b-info-value {

	}
}

/** 上下结构，左对齐，缩进 */
.b-info-c,
.b-info-c-r {
	.b-info-label {

	}
	.b-info-value {
		text-indent: 2em;
	}
}

/** 左右结构，左对齐 */
.b-info-d,
.b-info-d-r {
	display: flex;
	.b-info-label {
		width: var(--label-w);
		min-width: 5em;
		padding-right: 1em;
	}
	.b-info-value {
		text-align: left;
	}
}

.b-info-a,
.b-info-b,
.b-info-c,
.b-info-d,
.b-info-a-r,
.b-info-b-r,
.b-info-c-r,
.b-info-d-r {
	--label-w: unset;
	padding: var(--b-space-vertical) 0;
	line-height: var(--b-line-height);
	font-size: var(--b-font-size);
	box-sizing: border-box;
	.b-info-label {

	}
	.b-info-value {

	}
	.b-info-label,
	.b-info-value {
		min-height: var(--b-line-height);
		word-break: break-all;
		overflow-wrap: break-word;
	}
}

.b-info-a,
.b-info-b,
.b-info-c,
.b-info-d {
	.b-info-label {
		color: var(--b-text-color-s);
	}
	.b-info-value {
		color: var(--b-text-color);
	}
}

.b-info-a-r,
.b-info-b-r,
.b-info-c-r,
.b-info-d-r {
	.b-info-label {
		color: var(--b-text-color);
	}
	.b-info-value {
		color: var(--b-text-color-s);
	}
}

/* 上边框、分隔线 */
.b-top-border,
.b-border-item + .b-border-item {
	border-top: var(--b-border)
}

/* 块阴影 */
.b-box-shadow {
	box-shadow: var(--b-box-shadow);
}

/* 列表 */
.b-list {

}
.b-item {
	border: var(--b-border);
	border-radius: var(--b-border-radius);
	padding: 42rpx 32rpx;
	margin: 16rpx 0;
	position: relative;
	/* 序号 */
	.b-item-index {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 20rpx 0 16rpx 0;
		background: #F5F6F7;
		line-height: 32rpx;
		padding: 0 16rpx;
		font-size: 22rpx;
		color: var(--app-text-color-secondary);
		font-weight: 400;
	}
	/* 头部 */
	.b-item-head {
		display: flex;
		align-items: center;
	}
	/* 标题 */
	.b-item-title {
		font-weight: 500;
		font-size: 34rpx;
		color: var(--b-text-color);
		line-height: 48rpx;
	}
	/* 副标题 */
	.b-item-subtitle {
		font-weight: 400;
		font-size: var(--b-font-size);
		color: var(--b-text-color-s);
		line-height: var(--b-line-height);
		padding-left: 32rpx;
	}
}